.layui-layout-setting {
    .layui-setting-title {
        padding: 10px 0 10px 20px;
        border-bottom: 1px solid #d9dada;
        margin-bottom: 8px;
    }
    .layui-setting-content {
        padding: 10px 5px 0 5px;
        .setting-skin-box {
            list-style: none;
            text-align: center;
            li {
                position: relative;
                display: inline-block;
                vertical-align: top;
                width: 80px;
                height: 50px;
                margin: 0 15px 15px 0;
                padding: 2px 2px 4px 2px;
                background-color: #f2f2f2;
                cursor: pointer;
                font-size: 12px;
                color: #666;
                &::after {
                    content: '';
                    position: absolute;
                    z-index: 20;
                    top: 50%;
                    left: 50%;
                    width: 1px;
                    height: 0;
                    border: 1px solid #f2f2f2;
                    transition: all .3s;
                    -webkit-transition: all .3s;
                    opacity: 0;
                }
                .logo {
                    display: block;
                    width: 20%;
                    float: left;
                    height: 12px;
                }
                .header {
                    display: block;
                    width: 80%;
                    float: left;
                    height: 12px;
                }
                .side {
                    display: block;
                    width: 20%;
                    float: left;
                    height: 40px;
                }
                .main {
                    display: block;
                    width: 80%;
                    float: left;
                    height: 40px;
                }
                &.layui-this,
                &:hover {
                    &::after {
                        width: 100%;
                        height: 100%;
                        padding: 4px;
                        top: -5px;
                        left: -5px;
                        border-color: #d8d8d8;
                        opacity: 1;
                    }
                }
            }
        }
        .layui-form {
            .layui-form-label {
                width: 60px;
            }
            .layui-input-block {
                margin-left: 90px;
            }
        }
    }
}